<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>暴力渲染</title>
</head>
<body>
<ul id="list"></ul>
<script>
    const start = Date.now();
    const listDom = document.getElementById('list');
    const total = 10000;
    for (let i = 0; i < total; i++) {
        const li = document.createElement('li');
        li.innerText = '我是第' + i + '数据';
        listDom.appendChild(li);
    }
    console.log(Date.now() - start);
</script>
</body>
</html>
